<div class="container" id="RoleChoices">
    <div class="title">
        <span>用户注册</span>
    </div>
    <div class="step">
        <ul class="list-inline text-center">
            <li>
                <span class="active"><img src="src/imgs/step1.png"/></span>
                选择角色
                <b ><img src="src/imgs/next.png"/></b>
            </li>
            <li>
                <span><img src="src/imgs/step2.png"/></span>
                填写信息
                <b ><img src="src/imgs/next.png"/></b>
            </li>
            <li>
                <span><img src="src/imgs/step3.png"/></span>
                完成注册
            </li>
        </ul>
    </div>
    <div class="h3 text-center">请选择注册角色</div>
    <div class="row roles">
        <div class="col-sm-3">
            <a href="">
                <span>
                    <img src="src/imgs/ad.png"/>
                </span>
                <b>我是管理员</b>
            </a>
        </div>
        <div class="col-sm-3">
            <a ui-sref="CloudPlatform.TeacherRegister"><span>
                 <img src="src/imgs/tr.png"/>
            </span>
                <b>我是教师</b>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="">
                <span>
                    <img src="src/imgs/st.png"/>
                </span>
                <b>我是学生</b>
            </a>
        </div>
        <div class="col-sm-3">
            <a href=""><span>
                <img src="src/imgs/pa.png"/>
            </span>
                <b ui-sref="DeveloperRegister">我是家长</b>
            </a>
        </div>
    </div>
</div>